<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>就业跟踪管理平台-用户登录</title>
		
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			/*在这里放CSS样式代码,下面的这个是给loginDiv施加样式*/
			.loginDiv {
				width:30%;
				height:450px;
				background-color:#F3F3F3;/*灰色*/
				margin: 0 auto;/*Div（边框）居中*/
				margin-top:30px; /*灰色边框距离顶端的距离*/
				padding-top:50px;/*内部边距*/ 
				/*下面的代码中，center-block是为了使图中的字居中，
				 * img-responsive是为了使图中得字随着窗口的放大缩小而变化，
				 * 密码中用password是为了不显示密码，<br>是换行
				 * class="form-control是使需要输入东西的边框和图片一样长
                 */
						}
		</style>
	</head>
	<body>
		<div class="loginDiv">  
			<img class = "center-block img-responsive" src = "img/tyust.png" />   
			<img class = "center-block img-responsive" src="img/sys.png">
			<input placeholder="用户名" type="text" class="form-control"> <br>  
			<input placeholder="密码" type="password" class="form-control"> <br>
			<button class="btn btn-primary btn-block">登录</button><br>
			<img width="200px" height="20px" src="img/ychs-nobg.png" class="center-block img-responsive">
		</div>
	</body>
</html>
